<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>元音字母词频统计</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/checkout/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


    <!-- Custom styles for this template -->
    <link href="https://getbootstrap.com/docs/5.1/examples/checkout/form-validation.css" rel="stylesheet">
  </head>
  <body class="text-center">
 <body background="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fgss0.baidu.com%2F9fo3dSag_xI4khGko9WTAnF6hhy%2Fzhidao%2Fpic%2Fitem%2Fb58f8c5494eef01f9030c91ce7fe9925bd317dc7.jpg&refer=http%3A%2F%2Fgss0.baidu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643471349&t=745781bffd8139ed095a69e6d7029823">
  </body>
<div class="container">
<main class="form-signin">
    <div class="row g-5">
          <div class="input-group">
          </div>
        </form>
      </div>
      <div class="col-md-7 col-lg-8">
          <br>
          <br>
          <h1 class="h3 mb-3 fw-normal"><font color="white">元音字母</font></h1>
<form method="POST" action="/vowelsresult">
    <h5> <label for="word" class="form-label" ><font color="white">word</font></label></h5>
                <input type="text" id="oText" style="border:5px dotted lightgreen;color:black" οnfοcus="borderColor(this);" οnblur="clearTimeout(oTime);"  name="word"  >
            <br>
    <h5><label for="vowels" class="form-label"><font color="white">vowels</font></label></h5>
              <input type="text" id="oText" style="border:5px dotted lightgreen;color:black" οnfοcus="borderColor(this);" οnblur="clearTimeout(oTime);"  name="vowels" value="aeiou">
      <br>
    <br>
    <style>
button{
  background-color:#23d5ab;
 }
    </style>
                  <button class="w-30  btn-gr" type="submit">提交</button>
        </form>
      </div>
  </main>
</div>
    <script src="https://getbootstrap.com/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

      <script src="https://getbootstrap.com/docs/5.1/examples/checkout/form-validation.js"></script>
  </body>
</html>
</form>
</body>
</html>